*{
    margin: 0;
    padding: 0;
}

body{
    font-family:"microsoft yahei";
    background: rgb(240,240,240);
}
.top{

    height: 50px;

    line-height: 50px;

    overflow: hidden;

    border-bottom: 2px solid #ddd;

    background: #fff;
}
.top img{
    width: 100%;
}
.top a{

    float: left;

    width: 20%;

    line-height: 71px;

    margin-left: 9px;
}
.title{

    float: left;

    width: 60%;

    text-align: center;

    color: rgb(187,156,107);

    font-size: 14px;

    font-weight: 700;
}
.timebox{

    overflow: hidden;

    background: #fff;

    position: relative;

    padding-top: 11px;

    text-align: center;
}
.time{
    text-shadow: 2px 2px 2px #000;
    position: absolute;
    width: 100%;
    top: 39%;
    font-size: 31px;
    color: #fff;
    font-weight: 700;
    z-index: 100;
    transform-origin: 100px bottom;
    animation: snail 3s linear infinite;
    text-shadow: 0px 2px 4px #000, 0px -2px 4px #000, 2px 0px 4px #000, -2px 0px 4px #000;
}
@keyframes snail {
    0% {
        transform: translateX(40px) rotateY(0deg);
    }
    45% {
        transform: translateX(-60px) rotateY(0deg);
    }
    50% {
        transform: translateX(-60px) rotateY(0deg);
    }
    95% {
        transform: translateX(40px) rotateY(0deg);
    }
    100% {
        transform: translateX(40px) rotateY(0deg);
    }
}
.timebg{

    overflow: hidden;

    width: 300px;

    margin: 10px auto;
    border-radius: 5px;
}
.timebgitem{

    width: 100px;

    height: 100px;

    background: red;

    float: left;
}
.timetip{

    text-align: center;

    font-size: 12px;

    font-weight: 700;

    height: 30px;

    /* line-height: 30px; */
}
.down{

    border-top: 2px solid #ddd;

    text-align: center;
}
.box2{

    background: #ffff;

    width: 90%;

    margin: 15px auto;

    margin-top: 0;

    box-shadow: 1px 1px 1px 1px #eee;

    border-radius: 10px;

    text-align: center;

    overflow: hidden;

    box-shadow: 1px 5px 1px -1px #ddd;
}
.box2p1{

    font-weight: 700;

    margin: 7px 0;

    font-size: 14px;
}
.box2p2{

    margin: 6px 0;

    font-size: 14px;
}
.box2p2 img{

    vertical-align: middle;
}
.box3{

    border-radius: 5px;

    width: 90%;

    margin: 10px auto;

    overflow: hidden;

    box-shadow: 1px 5px 1px -1px #ddd;
}
.box3tip{

    overflow: hidden;

    background: rgb(125,177,225);

    height: 30px;

    line-height: 30px;

    padding: 5px 10px;

    color: #fff;

    font-weight: 700;
}
.box3tip a:first-child{

    float: left;

}
.box3tip a:last-child{

    float: right;
}
.box3con{

    overflow: hidden;

    background: rgb(212,228,244);

    padding: 30px;

    color: rgb(125,177,225);

    font-size: 22px;
}
.box3conL{

    float: left;

    width: 38%;

    text-align: right;

    line-height: 16px;
}
.box3conR{

    float: left;

    width: 50%;

    margin-top: -7px;

    font-weight: 700;

    font-size: 32px;
}
.box4{

    width: 90%;

    margin: 20px auto;

    overflow: hidden;

    background: #fff;

    border-radius: 5px;

    padding: 10px 0;

    box-shadow: 1px 5px 1px -1px #ddd;
}
.box4 a{

    border-radius: 10px;

    display: block;

    width: 90%;

    margin: 0 auto;

    text-align: center;

    padding: 15px 0;

    background: rgb(65,98,53);

    color: #fff;

    font-size: 15px;
}
.box5{

    overflow: hidden;

    background: #fff;

    border-radius: 5px;

    width: 90%;

    margin: 10px auto 30px;

    box-shadow: 1px 5px 1px -1px #ddd;

    overflow: hidden;
}
.box5 a{

    display: block;

    width: 46%;

    background: rgb(169,27,26);

    float: left;

    display: block;

    height: 50px;

    margin: 2%;

    border-radius: 10px;

    text-align: center;

    line-height: 50px;

    color: #fff;

    font-size: 16px;
}
.breathe-btn{
    position:relative;
    /* width:100px; */
    /* height:10px; */
    /* margin:40px auto; */
    line-height:40px;
    border:1px solid #fff;
    border-radius:5px;
    color:#fff;
    font-size:20px;
    text-align:center;
    cursor:pointer;
    box-shadow:0 1px 2px rgba(0,0,0,.3);
    overflow:hidden;
    /*background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff));*/
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-name: breathe;
    -webkit-animation-duration: 1000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
}
@-webkit-keyframes breathe {
    0% { opacity: 1;   box-shadow:0 1px 2px rgba(255,255,255,0.1);}
    100% { opacity: 0.5;

        box-shadow:0 1px 2px rgba(255,255,255,1);
    }
}
.m2{
    width: 100%;
}
.m2 img{
    width: 100%;
}